﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>homePage</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <link href="/css/default.css" rel="stylesheet" />
    <link href="/pages/home/home.css" rel="stylesheet" />
    <script src="/pages/home/home.js"></script>
    <script type="text/javascript">WinJS.UI.processAll();</script>
</head>
<body>
    <div class="productTemplate2" data-win-control="WinJS.Binding.Template">
        <div class="product" data-win-bind="style.backgroundImage:id Demo.Converters.idToBackground">
			<div class="product-bottom-area" >
				<div class="win-type-x-large" data-win-bind="innerText:name"></div>
				<div class="win-type-x-large" data-win-bind="innerText:description"></div>
			</div>
        </div>
    </div>

    <div class="productTemplate1" data-win-control="WinJS.Binding.Template">
        <div class="product" data-win-bind="style.backgroundImage:id Demo.Converters.idToBackground">
            <div class="product-bottom-area">
                <div class="win-type-x-large" data-win-bind="innerText:name"></div>
                <div class="win-type-x-large" data-win-bind="innerText:description"></div>
            </div>
        	<img src="/images/mtb.jpg" style="width: 100px; height: 100px; -ms-grid-column-align: end; margin-top: 10px;" >
        </div>
    </div>
    

    <div class="fragment homepage">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">MVVMStack demo...</span>
            </h1>
        </header>

        <div data-win-control="WinJS.UI.ListView"
            class="homeListView"
            data-win-bind="winControl.itemDataSource:sections; winControl.itemTemplate:templateRenderer; winControl.oniteminvoked:itemInvoked"
            data-win-options="
        {
            layout: {type: WinJS.UI.GridLayout},
            tapBehavior: 'directSelect',
            selectionMode: 'none'
        }">
        </div>
    </div>
</body>
</html>
